<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@include file="../../common/operation_forbid.jsp" %>
<!--系统设置-->
<div id="perSetting" class="hide">
	<form id="perSettingFrom" method="POST" onsubmit="return false;">
		<div class="tabbable">
		<!-- skin-0 skin-1 skin-2 skin-3-->
		<input id='userSkin' type="hidden" value="${currentAccount.skin}" >
		<ul class="nav nav-tabs">
			<li class="active"><a data-toggle="tab" href="#skinSetting"><i id='skinSettingIcon1' class="icon-github-alt bigger-110"></i> 皮肤</a></li>
			<li><a data-toggle="tab" href="#proSetting"><i id='skinSettingIcon2' class="icon-magnet bigger-110"></i> 个性化</a></li>
		</ul>
		<div class="tab-content noline tabCenter">
			<div id="skinSetting" class="tab-pane in active">
				<table  class="customTable">
					<tr class="FormData">
						<td>
							<span class="radSkin skinBlue"></span>
							<label><input type="radio" class="ace" name="skin" value="skin-0" <c:if test="${currentAccount.skin =='skin-0' }">checked="checked"</c:if> ><span class="lbl"> 经典蓝</span></label>
						</td>
						<td>
							<span class="radSkin skinBlack"></span>
							<label><input type="radio" class="ace" name="skin" value="skin-1" <c:if test="${currentAccount.skin =='skin-1' }">checked="checked"</c:if>><span class="lbl"> 机械黑</span></label>
						</td>
						<td>
							<span class="radSkin skinPurple"></span>
							<label><input type="radio" class="ace" name="skin" value="skin-2" <c:if test="${currentAccount.skin =='skin-2' }">checked="checked"</c:if>><span class="lbl"> 炫丽紫</span></label>
						</td>
						<td>
							<span class="radSkin skinGray" ></span>
							<label><input type="radio" class="ace" name="skin" value="skin-3" <c:if test="${currentAccount.skin =='skin-3' }">checked="checked"</c:if>><span class="lbl"> 清新灰</span></label>
						</td>
					</tr>
				</table>
			</div>
			<div id="proSetting" class="tab-pane">
				  <table  class="customTable">
					<tr>
						<td class="red">(个性化设置保存在cookie)</td>
					</tr>
					<tr class="FormData">
						<td>
						<input id="jy-settings-add-container" name="narWinMenu" class="ace ace-checkbox-2" type="checkbox">
						<label class="lbl" for="jy-settings-add-container"> 切换窄屏幕 <b></b></label>
						</td>
					</tr>
					<tr class="FormData">
						<td>
						<input id="jy-settings-sfMenu" name="sfMenu" class="ace ace-checkbox-2" type="checkbox">
						<label class="lbl" for="jy-settings-sfMenu"> 缩放菜单栏 <b></b></label>
						</td>
					</tr>
					<tr class="FormData">
						<td>
							<input id="jy-settings-rtl" name="posMenu" class="ace ace-checkbox-2" type="checkbox">
							<label class="lbl" for="ace-settings-rtl"> 切换右菜单</label>
						</td>
					</tr>
				  </table>
				</div>
			 </div>
		</div>
	</form>
</div>
<div id="perData" class="hide" style="width: 500px;">
	<div class="tabbable">
		<ul class="nav nav-tabs padding-12 tab-color-blue background-blue">
			<li class="active"><a href="#perfileSetting" data-toggle="tab">个人资料</a></li>
			<li class=""><a href="#pwSetting" data-toggle="tab">密码管理</a>
			</li>
		</ul>
		<div class="tab-content noline">
			<div class="tab-pane active" id="perfileSetting">
			<form id="perfileSettingFrom" method="POST" onsubmit="return false;">
				<div class="profile-user-info profile-user-info-striped">
					<div class="profile-info-row">
						<div class="profile-info-name tab-pane-left" style="width: 120px;">姓名：</div>
						<div class="profile-info-value tab-pane-right" style="margin-left: 130px;">
							<span class="editable" id='userName'></span>
						</div>
					</div>
					<div class="profile-info-row">
						<div class="profile-info-name tab-pane-left" style="width: 120px;">手机号码(账号)：</div>
						<div class="profile-info-value tab-pane-right">
							<span class="editable" id='userPhone' style="margin-left: 44px;"> </span>
						</div>
					</div>
					<div class="profile-info-row">
						<div class="profile-info-name tab-pane-left" style="width: 120px;">联系电话：</div>
						<div class="profile-info-value tab-pane-right rowCount" style="margin-left: 130px;">
							<select name="contactType" onchange="changeContactType(this);">
								<option value = "1">手机</option>
								<option value = "2">固话</option>
							</select>
							<input type="text" name="phone" jyValidate="isMobile" style="height: 30px;"/>
							<a href="javascript: void(0);" onclick="delRow(this);">移除</a>
						</div>
						<div class="profile-info-value tab-pane-right" style="margin-left: 130px;" name="addContactNumber">
							<a href="javascript: addRow(); void(0);">添加</a>
							<label name="addContantError" style="color: red"></label>
						</div>
					</div>
				</div>
			</form>
			</div>
			<div class="tab-pane" id="pwSetting">
			<form id="pwSettingFrom" method="POST" onsubmit="return false;">
				<table class="customTable">
					<tr class="FormData">
						<td class="CaptionTD">
							<label>旧密码&nbsp;</label>
						</td>
						<td class="DataTD">
							<span class="input-icon"> <input maxlength="20"  name="opwd" type="password" jyValidate="required"> <i class="icon-lock blue"></i></span>
						</td>
					</tr>
					<tr class="FormData">
						<td class="CaptionTD">
							<label>新密码&nbsp;</label>
						</td>
						<td class="DataTD">
							<span class="input-icon"> <input maxlength="20" minlength="6"  name="npwd" type="password" jyValidate="pwdlengh" placeholder="" value=""> <i class="icon-lock green"></i></span>
						</td>
					</tr>
					<tr class="FormData">
						<td class="CaptionTD">
							<label>确认新密码&nbsp;</label>
						</td>
						<td class="DataTD">
							<span class="input-icon"> <input maxlength="20" minlength="6" name="qpwd" type="password" jyValidate="pwdlengh" placeholder="" value=""> <i class="icon-lock green"></i></span>
						</td>
					</tr>
				</table>
			</form>
			</div>
		</div>
	</div>
</div>
<div id="appDownload" class="hide">
	<form id="appDownloadFrom">
		<div class="tabbable">
			<label style="color: red; margin-left: 80px; font-size: 18px;">请使用手机浏览器扫码下载!!!</label>
			<ul class="nav nav-tabs">
				<li class="active"><a data-toggle="tab" href="#androidDownload"><i id='skinSettingIcon1' class="icon-github-alt bigger-110"></i>安卓下载</a></li>
				<li><a data-toggle="tab" href="#iosDownload"><i id='skinSettingIcon2' class="icon-magnet bigger-110"></i>IOS下载</a></li>
			</ul>
			<div class="tab-content noline tabCenter">
				<div id="androidDownload" class="tab-pane in active" style="text-align: center;">
					<c:choose>
						<c:when test="${merchantAccount.id == 1 || merchantAccount.id == 3}">
							<img src="${jypath}/static/images/qrcode/jingyi.png" title="锦艺Android_App" style="width: 300px; height: 300px;"/>
						</c:when>
						<c:otherwise>
							<img src="${jypath}/static/images/qrcode/jingyi.png" title="锦艺Android_App" style="width: 300px; height: 300px;"/>
						</c:otherwise>
					</c:choose>
				</div>
				<div id="iosDownload" class="tab-pane">
					<c:choose>
						<c:when test="${merchantAccount.id == 1 || merchantAccount.id == 3}">
							<img src="${jypath}/static/images/qrcode/jingyi.png" title="锦艺IOS_App" style="width: 300px; height: 300px; margin-left: 50px;"/>
						</c:when>
						<c:otherwise>
							<img src="${jypath}/static/images/qrcode/jingyi.png" title="锦艺IOS_App" style="width: 300px; height: 300px; margin-left: 50px;"/>
						</c:otherwise>
					</c:choose>

				</div>
			</div>
		</div>
	</form>
</div>